<template>
  <div>
    <template v-for="item in list">
      <router-link :key="item.path" :to="item.path">
        {{ item.text }}
      </router-link>
      |
    </template>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
      list: [
        {
          path: '/layout/home',
          text: '首页',
          icon: 'home-o',
        },
        {
          path: '/layout/findMovie',
          text: '找电影',
          icon: 'movie-o',
        },
        {
          path: '/layout/personCenter',
          text: '个人中心',
          icon: 'cart-o',
        },
        {
          path: '/layout/collect',
          text: '收藏',
          icon: 'cart-o',
        },
      ],
    }
  },
}
</script>

<style></style>
